Module 2 Challenge 測試
習題1
你正在為一位本地藝術家設計電商網站。你希望使用者跟隨藝術家的創作故事探索頁面,最終抵達購買藝術作品的畫廊頁面。哪一個設計原則最能吸引使用者關注畫廊?
A. 突出性(Prominence)
B. 注意力(Attention)
C. 強調(Emphasis)
D. 權重(Weight)
習題2
設計一個 App 時,你希望使用者注意某些內容與按鈕。你可以採取哪些方式?(多選)
A. 融入紋理
B. 改變元素大小
C. 新增音訊
D. 使用對比度
習題3
設計模型稿時,你會用哪種視覺設計原則引導使用者採取行動?
A. 對齊(Alignment)
B. 層級(Hierarchy)
C. 對比(Contrast)
D. 比例(Scale)
習題4
比例在模型稿中起什麼作用?(多選)
A. 提供視覺層級
B. 建立強調效果
C. 展示元素間的相似與對比
D. 測量螢幕尺寸並相應調整圖示、按鈕、圖片
習題5
一家曲奇店希望展示自家曲奇的尺寸,但單獨拍照很難體現大小。你建議同時拍曲奇和手機以展示相對大小。這使用了什麼概念?
A. 比例(Proportion)
B. 比例尺/尺度(Scale)
C. 留白(Negative space)
D. 對比(Contrast)
習題6
何時適合為設計新增多樣性(變化)?
A. 最終測試階段
B. 線框圖階段
C. 設計模型稿階段
D. 客戶簽字確認之後
習題7
導師要求你設計一個運用格式塔原則的 App,這意味著什麼?
A. 產品外觀保持常規、幾乎沒有變化
B. 元素與模式之間有清晰分組
C. 導航應線性,並且必須垂直滾動
D. 使用指令式文字指導使用者操作
習題8
你的網站內容易讀。你用標題清晰劃分割槽塊,區塊下的文字與標題明顯相關。你運用了哪條格式塔原則?
A. 連續性(Continuity)
B. 接近性(Proximity)
C. 相似性(Similarity)
D. 閉合性(Closure)
習題9
你設計了電商 App,客戶想讓結賬按鈕更顯眼,因此建議把按鈕調成更醒目的紅色。你需要提升哪一項?
A. 明度(Clarity)
B. 色值(Value)
C. 色相(Hue)
D. 飽和度(Saturation)
習題10
客戶希望使用者每次都能透過應用導航回首頁。你會使用哪種導航方式?
A. 導航主中心(Navigation hub)
B. 按鈕(Buttons)
C. 導航欄(Navigation bars)
D. 導航選單(Navigation menu)
答案部分
習題1
答案:C
原因:
A 錯誤:突出性是結果,不是具體策略
B 錯誤:注意力不是設計原則名稱
C 正確:強調(Emphasis)用於引導關注重點
D 錯誤:權重描述視覺權重,不是此處核心原則
習題2
答案:B、D
原因:
A 錯誤:紋理不是主要吸引注意方式
B 正確:改變大小可突出元素
C 錯誤:音訊不是常規視覺強調手段
D 正確:對比可以引導視覺焦點
習題3
答案:B
原因:
A 錯誤:對齊用於整齊排布
B 正確:層級幫助使用者識別最重要內容
C 錯誤:對比突出差異,但不是主導動作用途
D 錯誤:比例強調大小關係
習題4
答案:A、B、C
原因:
A 正確:比例支援視覺層級
B 正確:比例用於強調重點
C 正確:比例建立相似/對比關係
D 錯誤:這是響應式佈局概念,不是比例功能
習題5
答案:A
原因:
A 正確:比例用於展示相對大小
B 錯誤:Scale 是整體尺寸變化,不是對比參考物
C 錯誤:留白與尺寸無關
D 錯誤:對比不專指物理尺寸
習題6
答案:C
原因:
A 錯誤:測試階段不適合新增變化
B 錯誤:線框階段聚焦結構,不追求變化
C 正確:模型稿階段可完善視覺變化
D 錯誤:簽字後不可隨意更改
習題7
答案:B
原因:
A 錯誤:格式塔強調組織與分組
B 正確:格式塔原則包含分組、模式識別
C 錯誤:不是格式塔核心內容
D 錯誤:指令式文案與格式塔無直接關係
習題8
答案:B
原因:
A 錯誤:連續性是視覺流動方向
B 正確:接近性表示相關內容聚在一起
C 錯誤:相似性強調相似元素歸組
D 錯誤:閉合性與視覺補全有關
習題9
答案:D
原因:
A 錯誤:清晰度不是配色引數
B 錯誤:Value 指明暗,不是重點
C 錯誤:色相是顏色類別
D 正確:飽和度讓顏色更醒目
習題10
答案:C
原因:
A 錯誤:不是通用導航方式
B 錯誤:按鈕不是完整導航結構
C 正確:導航欄允許隨時返回首頁
D 錯誤:導航選單層次較深,不如導航欄直接